<!DOCTYPE html>
<html>
<head lang="zh-CN">
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<meta name="keywords" content="">
<meta name="description" content="">
<meta name="format-detection" content="telephone=no, email=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="apple-touch-icon-precomposed" href="<%=basePath%>favicon.ico" />

<title>商品列表</title>
<link rel="stylesheet" href="<%=basePath%>css/common/normalize.css">
<link rel="stylesheet" href="<%=basePath%>css/common/iconfont.css">
<link rel="stylesheet" href="<%=basePath%>css/index/index.css">
<link rel="stylesheet" href="<%=basePath%>css/detail/swiper.min.css">
</head>
<body>
	<div class="m-wrapper">

		<div id="box-main" class="m-main box-tab">

			<div class="m-header">
				<form name="frm_search" method="post" action="#" onsubmit="">
					<div class="m-search">
						<div class="logo" style="display: none;">
							<a href="#"><img src="#" alt=""></a>
						</div>
						<div class="cancel">取消</div>
						<div class="search">
							<input type="text" placeholder="搜索" id="goodname"> <i
								class="icon-font icon-find" onclick="searchgood()"></i>
						</div>
						<div id="cart" class="cart" style="display: none;">
							<i class="icon-font icon-empty-cart"></i>
						</div>
					</div>
				</form>
				<!--搜索:end-->
			</div>
			<!--头部:end-->

			<div id="box_search" class="m-container box-tab">
				<div class="m-container-box">
					<div class="m-search-history">
						<div id="search_his" class="history-mod">
							<div id="search_his_clear" class="history-mod-hd">
								<a href="javascript:void(0);"><i
									class="icon-font icon-recycle"></i>清空</a>
								<h3>历史搜索</h3>
							</div>
							<div id="search_his_mod_bd" class="history-mod-bd">
								<a href="javascript:void(0);">软水机</a><a
									href="javascript:void(0);">纯水机</a><a href="javascript:void(0);">滤芯</a><a
									href="javascript:void(0);">滤水杯</a><a href="javascript:void(0);">反渗透</a>
							</div>
						</div>
						<div class="history-mod">
							<div class="history-mod-hd">
								<h3>热门搜索</h3>
							</div>
							<div id="search_hot_mod_bd" class="history-mod-bd">
								<a href="javascript:void(0);">纯水机(RO)</a><a
									href="javascript:void(0);">节水净水机</a><a
									href="javascript:void(0);">龙头净水机</a>
							</div>
						</div>
					</div>
					<!--历史数据:end-->
					<div class="m-search-list">
						<ul>
						</ul>
					</div>
					<!--列表数据:end-->
				</div>
			</div>
			<!--搜索容器:end-->


			<div class="m-product">
				<div class="product-bd">

					<ul class="product-list clear-fix">

						<c:forEach items="${goods_list}" varStatus="goods_status"
							var="goods">
							<%-- <c:if test="${goods_status.index<8}"> --%>
							<li>
								<div>
									<p class="product-pic">
										<a href="<%=basePath%>mobile/goodsdetail?id=${goods.id}">
											<img class="lazy" src="<%=imagePath%>${goods.image}" alt="">
										</a>
									</p>
									<p class="product-tit">
										<a href="<%=basePath%>mobile/goodsdetail?id=${goods.id}">
											${goods.name}</a>
									</p>
									<p class="product-note">${goods.market}</p>
									<p class="product-price">
										&yen;${goods.market}
										<!-- <i data-id="61477"
												class="icon-font addCart icon-empty-cart"></i> -->
									</p>
								</div>
							</li>
							<%-- </c:if> --%>
						</c:forEach>
					</ul>
					<div class="product-loading">
						<img src="<%=basePath%>img/loading.gif" alt="" />加载中
					</div>
				</div>
			</div>
			<!--热销产品:end-->
		</div>
		<!--正文:end-->

		<!--底部:end-->
		<jsp:include page="footer.jsp"></jsp:include>
		<!--底部:end-->
	</div>

	<div id="mask"></div>
	<script type="text/javascript"
		src="<%=basePath%>js/zepto.min.js-v=201601281128"></script>
	<script type="text/javascript"
		src="<%=basePath%>js/util.js-v=201601281128"></script>
	<%-- <script type="text/javascript"
		src="<%=basePath%>js/head.js-v=201601281128"></script> --%>
	<script type="text/javascript" src="<%=basePath%>js/swiper.min.js"></script>
	<script>
		function searchgood() {
			var goodname = $("#goodname").val();
			var type = getQueryString("type");
			window.location.href="<%=basePath%>mobile/goods?type="+type+"&goodname="+goodname;
		}

		function getQueryString(name) {
			var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)', 'i');
			var r = window.location.search.substr(1).match(reg);
			if (r != null) {
				return unescape(r[2]);
			}
			return null;
		}
	</script>
</body>
</html>

